import React from "react";
import { Row, Col } from "antd";
import LoginLogo from "./logo";
import UserLogin from "./user-login";
import "./login.less";
const LoginPage = props => {
  return (
    <div className="login">
      <Row type="flex" justify="center">
        <Col
          xs={24}
          sm={15}
          md={12}
          lg={12}
          xl={5}
          style={{ margin: "150px auto" }}
        >
          <LoginLogo />
          <UserLogin history={props.history} />
        </Col>
      </Row>
    </div>
  );
};
export default LoginPage;
